page{
  height:100%;
  background-color:#fff;
}
.van-search{
    padding:0;margin:0;
    padding-left:10rpx;
    width: 70%;
    height: 64rpx;
    background: #F5F5F8;
    border-radius: 32rpx;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #A4ACAC;
    line-height: 64rpx;
  }
van-nav-bar .van-hairline--bottom:after {
  border-bottom-width:0 !important;
}
.navbanner{
  overflow: hidden;
  .van-search{
    padding:0;margin:0;
    padding-left:34rpx;
    width: 440rpx;
    height: 80rpx;
    border-radius: 40rpx;
    font-size: 25rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 500;
    color: #A4ACAC;
    line-height: 80rpx;
  }
}
.container{
  padding-top:48rpx;
  .item{
    margin:0 auto;
    margin-bottom:20rpx;
    width: 690rpx;
    height: 536rpx;
    background: #F7F7F9;
    border-radius: 15rpx;
    .img{
      width:690rpx;
      height:373rpx;
      background: #eee;
    }
    .title{
      padding:30rpx 30rpx 20rpx 30rpx;
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: 500;
      line-height: 50rpx;
      color: #333333;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
    }
    .botinfo{
      padding:0 30rpx;
      font-size: 24rpx;
      font-family: PingFang SC;
      font-weight: 500;
      line-height: 36rpx;
      color: #999999;
      display: flex;
      justify-content: space-between;
      .time{
        position: relative;
        padding-left:41rpx;
        .underway{
          position: absolute;
          top:5rpx;
          left:0;
        }
      }
    }
  }
}

.mask{
  position: fixed;
  top:0;
  left:0;
  z-index:1000;
  width: 750px;
  height: 100%;
  background: rgba(0,0,0,0.6);
  .inner{
    margin:266rpx 45rpx;
    width: 659rpx;
    height: 761rpx;
    background: #FFFFFF;
    opacity: 1;
    border-radius: 18rpx;
    overflow:hidden;
    position: relative;
    .close{
      position: absolute;
      top:30rpx;
      right:30rpx;
      padding:20rpx;
    }
    .gift{
      margin-top:-39rpx;
      margin-left:24rpx;
      width: 585rpx;
      height: 478rpx;
    }
    .text{
      margin:45rpx auto 37rpx;
      width: 238rpx;
      height: 102rpx;
      font-size: 34rpx;
      font-family: PingFang SC;
      font-weight: 400;
      line-height: 54rpx;
      text-align: center;
      color: #F73C17;
    }
    .giftBtn{
      position: relative;
      width:404rpx;
      height:90rpx;
      margin:0 auto;
      font-size: 30rpx;
      font-family: PingFang SC;
      font-weight: 400;
      line-height: 90rpx;
      color: #FFFFFF;
      text-align: center;
      .giftBtnbg{
        position: absolute;
        top:0;
        left:0;
        width:404rpx;
        height:90rpx;
      }
      .giftBtntext{
        position: relative;
      }
    }
  }
}
